*{font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",SimHei,SimSun,sans-serif; color: #4a4a4a;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
input, label, select, option, textarea, button, fieldset, legend{resize: none;outline:none;}
fieldset, img{border:0;}
ul,li{list-style:none;}
i{font-style: inherit;}
/*img{vertical-align:top;border:0;-webkit-touch-callout: none;max-width: 100%;}*/
*:focus {outline:none !important;}

a, img {
    -webkit-touch-callout: none; 
    text-decoration:none;
    /*禁止长按链接与图片弹出菜单*/
}
button,input[type="text"],optgroup,select,textarea {
    -webkit-appearance:none; 
    -moz-appearance:none;
    -ms-appearance:none; 
    appearance:none;
    /*!*去掉webkit默认的表单样式*!*/
}
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}
input::-webkit-input-placeholder {
    color:#ccc; /*修改webkit中input的planceholder样式*/
}
body {
    -webkit-text-size-adjust: 100%!important; /*禁止IOS调整字体大小*/
}
input::-webkit-input-speech-button {
    display: none; /*隐藏Android的语音输入按钮*/
}

select {
        height: 36px;
        line-height: 36px;
        /*为下拉小箭头留出一点位置，避免被文字覆盖*/
        padding-right: 22px;
        /*在选择框的最右侧中间显示图片*/
        background: url('../images/icon_down.png') no-repeat scroll right center transparent;
        background-size: 36px;
        /*将默认的select选择框样式清除*/
        border-radius: 3px;
        text-align: center;
        border: 1px solid #d1d1d1;
        border-right: 0;
        outline: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
        display: none;
}
/*重写bootstrap分页*/
.ui-page {
    font-size: 14px;
    display: flex !important;
    /*display: -ms-flexbox;*/
    /*-ms-flex: 1 1 33%;*/
    justify-content: center;
    align-items: center;
    float: none !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: white;
    background-color: #09cacd;
    border-color: #09cacd;
}
.pagination > li > a {
    border-radius: 6px;
    cursor: pointer;
}
.pagination .ep, .pagination .hp {
    width: 68px;
    text-align: center;
}
.pagination > li > a, .pagination > li > span {
    color: #4a4a4a;
    background-color: #eee;
    margin-left: 8px;
}
.pagination-page > span.ng-binding {
    color: #09cacd;
}
.primaryChain .pagination-page, .primaryChain .name {
    margin-left: 30px; 
    margin-right: 16px; 
    line-height: 36px !important;
}

/*表格row等高*/
.row-eq-height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*去除表单自动填充*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgb(20,156,158) inset;
  -moz-box-shadow: 0 0 0px 1000px rgb(20,156,158) inset;
  box-shadow: 0 0 0px 1000px rgb(20,156,158) inset;
}
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px rgb(20,156,158) inset;
}


/*H5表单验证*/
    .validateForm input:focus.ng-valid {
        background: #fff url(../images/valid.png) no-repeat 98% center;
    }
    .validateForm input:focus.ng-invalid {
        background: #fff url(../images/invalid.png) no-repeat 98% center;
    }
    .validateForm input.ng-invalid {
        background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
    }
    .ng-pristine {

    }
    .ng-dirty {

    }
    /* really specific css rules applied by angular */
    .ng-invalid-required {
        
    }
    .ng-invalid-minlength {

    }
    .ng-valid-max-length {

    }

    /*右侧顶部公共样式*/
    .right-content {
        font-size: 16px;
        padding: 30px 44px 0;
    }
    .right-top {
        margin-bottom: 20px;
    }
    .top-color-blue {
        color: #09cacd;
    }
    .top-i {
        margin: 0 5px;
        color: #666;
    }



/*遮罩*/
.loadingBG { 
    background: gray; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    z-index: 20; 
    filter: alpha(opacity=60); 
    opacity: 0.6 !important; 
}

.loadingImg {   
    width: 100%; 
    height: 100%; 
    background: url(../images/loading-2.gif) no-repeat fixed center;
}

.loadingText {
        position: absolute;
        top: 60%;
        right: 45%;
        font-size: 24px;
        font-weight: bold;
}

@keyframes my_hide {
        0%   { opacity: 1;}
        25%  { opacity: 0.75;}
        50%  { opacity: 0.5;}
        75%  { opacity: 0.25}
        100% { opacity: 0; }
}
@keyframes my_show {
        0%   { opacity: 0;}
        25%  { opacity: 0.25;}
        50%  { opacity: 0.5;}
        75%  { opacity: 0.75}
        100% { opacity: 1; }
}

.loadingBG.ng-show {
  animation: .5s my_show;
}

.loadingBG.ng-hide {
  animation: 1s my_hide;
}


/*弹窗样式*/
.dialogText {
    font-size: 18px;
    font-weight: bold;
    margin: 50px 0;
    text-align: center;   
}

.dialogBtn {
    width: 160px;
    height: 40px;
    margin-left: 18% !important;
    float: left !important;
}

.dialogAloneBtn {
    width: 160px;
    height: 40px;
    margin: 0 37% !important;
}

/*loader样式*/

.loader{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.0);
    position: fixed;
    z-index: 9999;
  
}
.slice{
    width: 120px;
    height: 120px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 40%;
    left: 46%;
    /*-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
    z-index: 7777;
    border-radius: 5px;
}

[data-loader='circle-side']
{
    position: absolute;
    top: 36%;
    left: 36%;
    width: 32px;
    height: 32px;

    -webkit-animation: circle infinite .75s linear;
    -moz-animation: circle infinite .75s linear;
    -o-animation: circle infinite .75s linear;
    animation: circle infinite .75s linear;

    border: 2px solid #fff;
    border-top-color: rgba(0, 0, 0, .2);
    border-right-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    border-radius: 100%;
}

@-webkit-keyframes circle
{
  0%
  {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100%
  {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes circle
{
  0%
  {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100%
  {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes circle
{
  0%
  {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100%
  {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes circle
{
  0%
  {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100%
  {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}